@import "../../../styles/slide-transition.mixin";
.bs-tree-select{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  .bs-input-wrap{
    .form-control{
      &:not(:disabled){
        cursor: pointer;
        background-color: #fff;
      }
    }
    .custom-suffix-icon{
      padding-right: 0.375rem;
      color: #a0a6ad;
      cursor: pointer;
    }
    .bs-icon-chevron-down{
      transition: transform .3s;
    }
  }
  &.is-focus{
    .bs-input-wrap{
      .form-control{
        border-color: #80bdff;
        outline: none;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
        color: #495057;
        background-color: #fff;
      }
      .bs-icon-chevron-down{
        transform: rotate(-180deg);
      }
    }
  }
  &.is-disabled{
    .bs-input-wrap{
      .custom-suffix-icon{
        cursor: default;
      }
    }
  }
}
.bs-tree-select-dropdown{
  position: absolute;
  width: 100%;
  //top: -100%;
  //display: none;
  z-index: 2222;
  max-height: 17.5rem; // 280px
  border: 1px solid #e4e7eb;
  border-radius: 0.28rem;
  overflow-y: auto;
  box-shadow: 0 1px 0.5rem rgba(0,0,0,0.15);
  background-color: #fff;
  .bs-tree-node{
    &.is-checked{
      &>.bs-tree-node-content{
        color: var(--primary);
      }
    }
  }
  &.checkbox-hidden{
    .bs-checkbox{
      display: none;
    }
  }
  &.radio-hidden{
    .bs-radio{
      display: none;
    }
  }
}
